Dans la dernière leçon, nous avons ajouté le processus de soumission d'une nouvelle peinture murale d'article, de l'envoyer au processus
principal et d'écouter une réponse avec les détails de l'article.
Nous avons également stylisé les éléments pour le moment où nous les ajoutons finalement à l'application.
Donc, dans cette leçon, supprimera ce délai dans le processus principal, que nous simulons le temps qu'il
faudra pour obtenir de nouveaux éléments, des détails et ajouter la logique réelle pour le faire.
Comme mentionné précédemment, nous utiliserons une fenêtre de navigateur hors écran pour récupérer les détails de l'élément à partir de
l'URL donnée.
Je vais également séparer le code pour obtenir un nouvel élément dans un module séparé.
Donc, tout d'abord, changez le délai d'expiration en une fonction appelée read item.
La fonction créera et importera dans une seconde, en conservant la fonction de rappel avec le message de réponse.
Sauf que ce rappel contiendra désormais le nouvel élément comme seul argument et passera à la fonction
d'élément de lecture l'Eurail de l'élément à obtenir comme premier argument.
Débarrassez-vous de cette fois en envoyant au moteur de rendu le nouvel élément fourni par ce rappel de fonction.
Là, nous recevons une demande du moteur de rendu pour un nouvel élément.
Passez cet élément pour lire l'élément qui n'existe pas encore.
Lisez-le en nous fournissant un rappel avec ce nouvel élément que nous renvoyons au moteur de rendu via IPSI.
Nous pouvons maintenant ajouter le module à partir duquel importer la fonction d'élément.
Commencez donc par l'instruction require pour ce module avant de créer l'élément const read.
Comme ce module exportera, la fonction unique n'équivaut qu'à exiger un élément lu dans le répertoire courant.
Aurait pu nommer cet élément lu le plus douteux.
Créez également le fichier du module dans l'itinéraire du projet au fur et à mesure que nous l'importons ici.
Nouvel élément de lecture de fichiers.
Doges ce module.
Ensuite, l'exportation de cette fonction de lecture d'élément créera essentiellement une nouvelle fenêtre de navigateur hors écran, chargera l'URL de
l'élément dans cette fenêtre et en tirera une capture d'écran et le titre de la page.
Donc, sachant que cela nécessite le module de fenêtre du navigateur.
De l'électron.
Ensuite, comme pour toute nouvelle fenêtre de navigateur, créez une référence globale pour contenir cet instant de
fenêtre de navigateur et l'empêcher d'être récupéré par la fenêtre Caldas hors écran.
Et exportez la fonction
unique fournie par ce
module. .
Créez la fenêtre hors écran.
En attribuant à la variable globale de fenêtre hors écran, une nouvelle fenêtre de navigateur avec une largeur de 500 et une hauteur de 500,
rappelez-vous, la capture d'écran obtenue à partir de cette fenêtre de navigateur sera de la taille.
Donc, un carré de 500 par 500 devrait faire l'affaire avec une valeur fausse.
Certaines préférences Web hors écran sur true.
OK, c'est notre fenêtre hors écran prête, alors chargez l'élément que vous avez dans cette fenêtre de navigateur ou ce moteur de rendu.
Cette fois, en utilisant load fuel au lieu de load file passant dans l'oral donné à cette fonction, nous attendrons
cela.
Vous devez tous terminer le chargement avant d'obtenir l'élément, la capture d'écran ou le titre.
Alors écoutez sur les fenêtres hors écran, le contenu Web.
Pour l'événement de charge de fin de course.
Passer un rappel où nous pouvons d'abord obtenir le titre de la page.
Attribué au titre.
La fenêtre hors écran obtient le titre.
Et une capture d'écran ou une vignette de la page entièrement chargée, nous pouvons le faire d'une manière
légèrement différente de celle que nous avons vue auparavant, étant du contenu distant, appelant la page de capture de contenu Web Windows.
Cette fonction renvoie une promesse ainsi résolue en passant un rappel au feu dans lequel nous obtenons un argument étant
que l'image est à nouveau de type image native.
Et le moyen le plus simple d'utiliser cette image sera en tant que données neutre.
De cette façon, nous pouvons stocker facilement les données d'image et ne pas écrire de fichiers dans l'application en attribuant au point
d'image de capture d'écran des données neutres.
Ceci étant notre dernière étape pour obtenir l'élément, nous avons maintenant la vignette du titre de l'élément et bien
sûr l'URL d'origine.
Alors passé tout cela, revenons à la couleur de cette fonction via le rappel de fonction.
En exécutant un rappel, cette fonction de rappel passe à la fonction d'élément de lecture avec le nouvel objet d'élément
comme argument de rappel uniquement, définissant le titre de l'élément sur cette variable de titre, que nous pouvons simplement écrire comme ceci,
en faisant correspondre les noms de clé et de valeur à la capture d'écran.
Donc assis sur la clé de capture d'écran de cet objet d'élément, la variable de capture d'écran et
enfin, l'URL d'origine de cet élément, un ajout utile pour compléter l'objet d'élément.
Je nettoierai également cette fenêtre hors écran comme nous en avons terminé avec elle.
Juste une bonne pratique en fermant la fenêtre avec la fenêtre hors écran fermée et en définissant la référence de
fenêtre globale sur null.
C'est tout ce dont nous avons besoin pour cette fonction d'élément de lecture.
Nous appelons la fonction avec l'élément global et une fonction de rappel comme nous le faisons ici, obtenons tous les détails
de l'élément dans une fenêtre hors écran et exécutons le rappel avec ce nouvel objet élément.
Ce rappel envoie toujours l'élément au moteur de rendu principal ou à la fenêtre principale via IPSI où nous le déconnectons.
Alors testons ceci, enregistrez les deux fichiers.
J'ajouterai une URL valide cette fois.
Electron Jast dot org.
Entrez, qui désactive nos commandes mobiles pendant que nous attendons que cet élément soit récupéré dans le processus principal, et dès que cet élément
est terminé, le processeur principal le renvoie là où nous le connectons à la console de la
fenêtre principale.
Je vais développer la capture d'écran de cet objet d'élément avec les données d'image en tant que titre neutre, le titre
de la page d'accueil électronique et l'URL étant l'élément YORO.
Nous le soumettons.
Voilà donc notre article prêt à être ajouté à l'application le jour suivant.
Et puis nous pouvons enfin ajouter les éléments que nous avons déjà stylisés dans ce conteneur ici et également ajouter du
stockage de base.